@primary-color: #0075ff;

:root {
  ::-webkit-scrollbar {
    display: none;
  }

  .el-form-item__error {
    font-size: 16px;
  }
}

.center-wrapper {
  width: 1600px;
  height: 100%;
  margin: 0 auto;
}

.flex-c {
  display: flex;
  align-items: center;
}
.flex-c-c {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-b-c {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.opacity-half {
  opacity: 0.5;
}

.t-of-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.t-of-2 {
  overflow: hidden;
  /* W3C */
  display: flex;
  box-orient: vertical;
  line-clamp: 2;

  /* Firefox */
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-line-clamp: 2;

  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.t-of-3 {
  overflow: hidden;
  /* W3C */
  display: flex;
  box-orient: vertical;
  line-clamp: 3;

  /* Firefox */
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-line-clamp: 3;

  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.t-of-5 {
  overflow: hidden;
  /* W3C */
  display: flex;
  box-orient: vertical;
  line-clamp: 5;

  /* Firefox */
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-line-clamp: 5;

  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}

.t-of-9 {
  overflow: hidden;
  /* W3C */
  display: flex;
  box-orient: vertical;
  line-clamp: 9;

  /* Firefox */
  display: -moz-box;
  -moz-box-orient: vertical;
  -moz-line-clamp: 9;

  /* Safari, Opera, and Chrome */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
}

.hover-half {
  cursor: pointer;
  transition: all 0.3s ease;
}
.hover-half:hover {
  opacity: 0.7 !important;
}
.hover-boxshadow {
  cursor: pointer;
  transition: all 0.3s ease;
}
.hover-boxshadow:hover {
  box-shadow: 0px 0px 4px 3px rgba(0, 0, 0, 0.1) !important;
  transform: translate3d(0, 0, 0);
}
.hover-color {
  cursor: pointer;
  transition: all 0.3s ease;
}
.hover-color:hover {
  color: #0075ff !important;
  background-color: #0077ff11;
}

.none-tip {
  font-size: 16px;
  color: #aaaaaa;
  text-align: center;
}

/* placeholder
  input::input-placeholder {
    color: #979797;
  }
  input::-webkit-input-placeholder {
    color: #979797;
  }
  input::-moz-placeholder {
    color: #979797;
  }
  input:-moz-placeholder {
    color: #979797;
  }
  input::-ms-input-placeholder {
    color: #979797;
  }
*/
